<!DOCTYPE html>
<html>
<head>
	<title>用户列表</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="Fashion Mania Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
	Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
	<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
	<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />	
	<link href="css/memenu.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<!--header-->
<div class="header">
	<div class="header-top">
		<div class="container">
			<div class="col-sm-8 logo">
				<a class="ml-160" href="index.html"><img src="images/logo.png" alt=""></a>	
			</div>
			<div class="col-sm-4 header-left">		
				<p class="log">
					<a href="account.html">登录</a>
					<span>/</span><a  href="account.html">注册</a>
				</p>
				<div class="clearfix"> </div>
			</div>
			<div class="clearfix"> </div>
		</div>
	</div>
		<div class="container">
			<div class="head-top">
				<div class="col-sm-2 number">
				</div>
		 <div class="col-sm-8 h_menu4">
				<ul class="memenu skyblue">
					<li class=" grid"><a  href="index.html">首页</a></li>	
				    <li><a href="#">帅哥</a></li>
				    <li class="grid"><a  href="#">美女</a></li>
					<li><a  href="typo.html">心灵匹配</a></li>				
					<li><a  href="typo.html">非诚勿扰</a></li>				
					<li><a class="color6" href="contact.html">联系我们</a></li>
			  	</ul> 
			</div>
				<!-- <div class="col-sm-2 search">		
			<a class="play-icon popup-with-zoom-anim" href="#small-dialog"><i class="glyphicon glyphicon-search"> </i> </a> -->
		</div>
		<div class="clearfix"> </div>
			<!---pop-up-box---->
					  <script type="text/javascript" src="js/modernizr.custom.min.js"></script>    
					<link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all"/>
					<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
					<!---//pop-up-box---->
				<div id="small-dialog" class="mfp-hide">
				<div class="search-top">
						<div class="login">
							<input type="submit" value="">
							<input type="text" value="Type something..." onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = '';}">		
						</div>
						<p>	Shopping</p>
					</div>				
				</div>
				 <script>
						$(document).ready(function() {
						$('.popup-with-zoom-anim').magnificPopup({
							type: 'inline',
							fixedContentPos: false,
							fixedBgPos: true,
							overflowY: 'auto',
							closeBtnInside: true,
							preloader: false,
							midClick: true,
							removalDelay: 300,
							mainClass: 'my-mfp-zoom-in'
						});
																						
						});
				</script>			
	<!---->		
		</div>
	</div>
</div>
<!--content-->
<div class="products">
	<div class="container">
		<!-- <h1>Products</h1> -->
		<div class="col-md-9">
			<div class="content-top1">
				<div class="col-md-4 col-md3">
					<div class="col-md1 simpleCart_shelfItem mb-10">
						<a href="single.html">
							<img class="img-responsive" src="images/h1.jpg" alt="" />
						</a>
						<h3><a href="single.html">唯一</a></h3>
						<div class="price">
								<h5 class="item_price">21岁 辽宁</h5>
								<a href="#" class="item_add">查看</a>
								<div class="clearfix"> </div>
						</div>
					</div>
				</div>	
				<div class="col-md-4 col-md3">
					<div class="col-md1 simpleCart_shelfItem mb-10">
						<a href="single.html">
							<img class="img-responsive" src="images/h1.jpg" alt="" />
						</a>
						<h3><a href="single.html">唯一</a></h3>
						<div class="price">
								<h5 class="item_price">21岁 辽宁</h5>
								<a href="#" class="item_add">查看</a>
								<div class="clearfix"> </div>
						</div>
					</div>
				</div>	
				<div class="col-md-4 col-md3">
					<div class="col-md1 simpleCart_shelfItem mb-10">
						<a href="single.html">
							<img class="img-responsive" src="images/h1.jpg" alt="" />
						</a>
						<h3><a href="single.html">唯一</a></h3>
						<div class="price">
								<h5 class="item_price">21岁 辽宁</h5>
								<a href="#" class="item_add">查看</a>
								<div class="clearfix"> </div>
						</div>
					</div>
				</div>	
				<div class="col-md-4 col-md3">
					<div class="col-md1 simpleCart_shelfItem mb-10">
						<a href="single.html">
							<img class="img-responsive" src="images/h1.jpg" alt="" />
						</a>
						<h3><a href="single.html">唯一</a></h3>
						<div class="price">
								<h5 class="item_price">21岁 辽宁</h5>
								<a href="#" class="item_add">查看</a>
								<div class="clearfix"> </div>
						</div>
					</div>
				</div>	
				<div class="col-md-4 col-md3">
					<div class="col-md1 simpleCart_shelfItem mb-10">
						<a href="single.html">
							<img class="img-responsive" src="images/h1.jpg" alt="" />
						</a>
						<h3><a href="single.html">唯一</a></h3>
						<div class="price">
								<h5 class="item_price">21岁 辽宁</h5>
								<a href="#" class="item_add">查看</a>
								<div class="clearfix"> </div>
						</div>
					</div>
				</div>	
				<div class="col-md-4 col-md3">
					<div class="col-md1 simpleCart_shelfItem mb-10">
						<a href="single.html">
							<img class="img-responsive" src="images/h1.jpg" alt="" />
						</a>
						<h3><a href="single.html">唯一</a></h3>
						<div class="price">
								<h5 class="item_price">21岁 辽宁</h5>
								<a href="#" class="item_add">查看</a>
								<div class="clearfix"> </div>
						</div>
					</div>
				</div>	
			</div>	
		</div>
		<div class="col-md-3 product-bottom">
			<!--categories-->
				<div class=" rsidebar span_1_of_left">
						<h3 class="cate">Categories</h3>
						<div>
							<input class="select" text='text' value='' placeholder="请输入关键词" /> 
							<i class="glyphicon glyphicon-search select-btn"> </i></div>
						<ul class="menu-drop">
							<li class="item1"><a href="#">推荐</a>
								<ul class="cute">
									<li class="subitem1"><a href="single.html">会员用户</a></li>
									<li class="subitem2"><a href="single.html">不限</a></li>
								</ul>
							</li>
							<li class="item1"><a href="#">性别</a>
								<ul class="cute">
									<li class="subitem1"><a href="single.html">帅哥</a></li>
									<li class="subitem2"><a href="single.html">美女</a></li>
								</ul>
							</li>
							<li class="item2"><a href="#">学历</a>
								<ul class="cute">
									<li class="subitem1"><a href="single.html">博士及以上</a></li>
									<li class="subitem2"><a href="single.html">硕士</a></li>
									<li class="subitem3"><a href="single.html">本科</a></li>
									<li class="subitem3"><a href="single.html">不限</a></li>
								</ul>
							</li>
							<li class="item4"><a href="#">薪水/月</a>
								<ul class="cute">
									<li class="subitem1"><a href="single.html">2万以上</a></li>
									<li class="subitem2"><a href="single.html">1-2万</a></li>
									<li class="subitem3"><a href="single.html">8000-1万</a></li>
									<li class="subitem3"><a href="single.html">5000-8000</a></li>
									<li class="subitem3"><a href="single.html">2000-5000</a></li>
									<li class="subitem3"><a href="single.html">2000以下</a></li>
								</ul>
							</li>
							<li class="item3"><a href="#">车房情况</a>
								<ul class="cute">
									<li class="subitem1"><a href="single.html">有车有房</a></li>
									<li class="subitem2"><a href="single.html">有车无房</a></li>
									<li class="subitem3"><a href="single.html">有房无车</a></li>
									<li class="subitem3"><a href="single.html">不限</a></li>
								</ul>
							</li>
									
							<li class="item4"><a href="#">Shoes</a>
								<ul class="cute">
									<li class="subitem1"><a href="product.html">Cute Kittens </a></li>
									<li class="subitem2"><a href="product.html">Strange Stuff </a></li>
									<li class="subitem3"><a href="product.html">Automatic Fails </a></li>
								</ul>
							</li>
						</ul>
					</div>
				<!--initiate accordion-->
						<script type="text/javascript">
							$(function() {
							    var menu_ul = $('.menu-drop > li > ul'),
							           menu_a  = $('.menu-drop > li > a');
							    menu_ul.hide();
							    menu_a.click(function(e) {
							        e.preventDefault();
							        if(!$(this).hasClass('active')) {
							            menu_a.removeClass('active');
							            menu_ul.filter(':visible').slideUp('normal');
							            $(this).addClass('active').next().stop(true,true).slideDown('normal');
							        } else {
							            $(this).removeClass('active');
							            $(this).next().stop(true,true).slideUp('normal');
							        }
							    });
							
							});
						</script>
		</div>
		<div class="clearfix"> </div>
	</div>
</div>
<!--//content-->
<!--footer-->
<div class="footer">
	<div class="footer-bottom">
		<div class="container">
			<div class="col-md-6 footer-bottom-cate cate-bottom">
				<h6>Address</h6>
				<ul>
					<li>中国.北京.朝阳区.望京SOHO</li>
				</ul>
			</div>
			<div class="col-md-6 footer-bottom-cate">
				<h6>Contact us</h6>
				<ul>
					<li class="phone">email : 12345@123.com</li>
				</ul>
			</div>
			<div class="clearfix"> </div>
			<p class="footer-class">Copyright &copy; 2017.Company name All rights reserved.<a href="index.html">怦然心动</a></p>
		</div>
	</div>
</div>

<!--//footer-->
<script src="js/jquery.min.js"></script>
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<script type="text/javascript" src="js/memenu.js"></script>
<script>$(document).ready(function(){$(".memenu").memenu();});</script>
<script src="js/simpleCart.min.js"> </script>
</body>
</html>